:root {
  --vp-c-brand: var(--v-color-primary);
  --vp-c-brand-light: var(--v-color-primary-light-3);
  --vp-c-brand-lighter: var(--v-color-primary-light-5);
  --vp-c-brand-dark: var(--v-color-primary-dark-2);
  --vp-c-brand-darker: #265f99;

  --component-preview-bg: var(--vp-code-block-bg);
  --component-preview-soft: var(--vp-code-block-bg-light);
  body {
    color: var(--vp-c-text-1);
  }

  h1,
  h2,
  h3,
  h4,
  h5,
  h6,
  p {
    color: var(--vp-c-text-1);
  }
}
